<style type='text/css'>
/* Mobile-skin
----------------------------------------------- */
@media screen and (max-width:980px) {
#header{float:none;max-width:none;text-align:center;margin-top:10px}
#header-inner{margin-bottom:0}
#header h1,#header p{margin-right:0}
#header .description{margin:0}
#solmed {width:200px;float:right;margin:0 auto;padding:0 30px 0 0;}
.grid-main {width:64.4%;}
.main-wrapper{margin-right:0;Padding-left:8px;}
.grid-side {width:32.4%;float:right;}
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:0 10px;}
.credit{padding:20px!important}
#credit .left,#credit .right{float:none;text-align:center;margin:0}
.outerpic-wrapper,.content-wrapper{padding:0}
#header2,.naviatas ul{text-align:center;width:100%}

}

@media screen and (max-width:960px) {
.menusearch {width:200px;float:right;margin:0 auto;padding:7 50px 0 0;}
#solmed {width:200px;float:right;margin:0 auto;padding:0 40px 0 0;}
}

@media screen and (max-width:900px) {
.menusearch {width:200px;float:right;margin:0 auto;padding:7px 110px 0 0;}
#solmed {width:200px;float:right;margin:0 auto;padding:0 110px 0 0;}
}


@media screen and (max-width: 853px){
.grid-header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px 0}
#tengah{float:left;width:30%}
#solmed {width:200px;float:right;margin:0 auto;padding:0 10px 0 0;}
.menusearch {padding:7px 155px 0 0;}

}

@media screen and (max-width:800px) {
.menusearch {padding:7px 210px 0 0;}
}

@media screen and (max-width: 768px){
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:0 5px;}
.grid-main {width:65.5%;}
.main-wrapper{margin-right:0;Padding-left:3px;}
.menusearch {padding:7px 240px 0 0;}
}


@media screen and (max-width: 760px){
.menusearch {padding:7px 250px 0 0;}
#tengah{float:left;width:29%}
}

@media screen and (max-width: 720px){
.menusearch {width:180px;padding:7px 300px 0 0;}
}

@media screen and (max-width: 640px){
#tgl{display:inline-block;float:left;padding:0 4px;margin:4px;color:#fff}
#solmed {width:150px;float:right;margin:0 auto;padding:0px 10px 0 0;}
.facebook:hover{pointer; background-position: 0 0; width: 24px; height: 24px; } 
.facebook{float:right;margin:3px 5px; background-position: 0 -44px; width: 24px; height: 24px; } 
.googleplus:hover{ cursor:pointer; background-position: 0 -88px; width: 24px; height: 24px; } 
.googleplus{float:right;margin:3px 5px; background-position: 0 -132px; width: 24px; height: 24px; } 
.rss:hover{ cursor:pointer; background-position: 0 -176px; width: 24px; height: 24px; } 
.rss{ float:right;margin:3px 5px;background-position: 0 -220px; width: 24px; height: 24px; } 
.twitter:hover{ cursor:pointer; background-position: 0 -264px; width: 24px; height: 24px; } 
.twitter{float:right;margin:3px 5px; background-position: 0 -308px; width: 24px; height: 24px; } 
.menusearch {display:none} 
#tengah{float:left;width:27%}
}


@media screen and (max-width: 600px){
.grid-main {width:100%;}
.main-wrapper{margin-right:0;Padding-left:0px;}
.grid-side {width:auto;}
.sidebar-wrapper,.sidebar1-wrapper {float:left;top:auto;right:auto;clear:both;left:auto;width:100%;background:none;padding:0 0px;margin:5px1px 5px}
.sidebar-wrapper {padding-top:0px;margin-right:0px;}
.outer-wrapper{padding:0}
#content{clear:both;border:none;padding:0}
#comment-editor{margin:10px}
.footer h2 {border-top:1px solid #111;padding-top:4px}
.footer{width:auto;margin:15px}
.footer h2 {padding:none}
#kiri{float:left;width:100%;margin:0 5px 0 0;}
#tengah{float:left;width:100%;margin:0 5px 0 0;}
#kanan{float:left;width:100%;margin:0 5px 0 0;}
.pencarian {width:200px;display:inline-block;float:left;} 
#menuhlng,#naviweb{display:none}
.selectnav{display:block}
#selectnav1{width:150px;cursor:pointer}
#selectnav1 option,#selectnav2 option{cursor:pointer}
#tgl{display:inline-block;float:left;padding:none;margin:4px;color:#fff}
#naviatas select {display:inline-block;float:right;width:70%;height:25px;margin:4px;background:#0186ba;color:white;outline:none;border:1px solid black;cursor:pointer}
#selectnav2 {display:inline-block;width:98%;height:30px;margin:4px;background:#cc0000;color:white;outline:none;border:1px solid black;cursor:pointer}
.nav-tgh {diplay:block}
#grid-nav {display:inline-block;background:#343434;width:100%;margin:0 auto;padding:0;height:30px;border-bottom:1px solid #999;}
}


@media screen and (max-width: 480px){
#header img{width:100%}
.post-comment-link{display:none}
#naviatas select {width:70%}
}

@media screen and (max-width: 360px){
#tgl{display:inline-block;float:left;padding:none;margin:4px;color:#fff}
#naviatas select {width:60%}
.pencarian{width:200px;float:none;margin:3px 20%;}
}

@media screen and (max-width: 320px){
.comments .comments-content .datetime{display:block;float:none}
.comments .comments-content .comment-header{height:70px}
.pencarian{width:200px;float:none;margin:3px 17%;}
#solmed {display:none}
} 

@media screen and (max-width: 240px){
#tgl{display:none}
.grid-header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none;}
#header-inner{margin:10px 0}
#header img{border:0 none;background:none;width:100%;height:auto;margin:0}
.comments .comments-content .comment-replies{margin-left:0}
#naviatas select {width:90%;font-size:7px}
.pencarian{width:auto;float:none;margin:3px auto;}
#homepage{width:100%;float:left; font-size:12px }}

</style>

